<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>鸿锦装饰</title>
    <meta name="keywords" content="装修报价,装修报价单,北京XXXXXXX公司官网">
    <meta name="description" content="北京XXXX公司官网装修报价单栏目为装修用户提供装修报价及北京装修价格预算表，让您清晰了解各个项目的单价及装修内容，拒绝缺项漏项。查找装修报价的内容就上北京装修报价单栏目">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
    <meta content="no" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="apple-touch-fullscreen" content="no">
    <meta content="telephone=no" name="format-detection">
    <meta name="applicable-device" content="mobile">
    <meta name="location" content="province=北京;city=北京; coord=116.39564503788,39.92998577808">
    <meta content="email=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="/static/bjzs/css/styleZss.css">
    <link rel="stylesheet" type="text/css" href="/static/bjzs/css/common.css">
    <link rel="stylesheet" type="text/css" href="/static/bjzs//css/zxbj.css">
    <script type="text/javascript" src="/static/bjzs/js/jquery.min.js"></script>
    <style>
        .scm-zt-foot {
            width: 100%;
            height: auto;
            padding: 20px 3.125%;
            bottom: 0px;
            text-align: center;
            font-size: 12px;
            line-height: 26px;
        }
    </style>
</head>

<body>
    <div class="wapM">
        <header>
            <h1>装修报价</h1>
        </header>

        <section class="zxbj-section">
            <img src="/static/bjzs/images/zxbj-01.jpg" width="100%">
            <img src="/static/bjzs/images/zxbj-02.jpg" width="100%">
            <div class="zxbj-con">
                <span class="zxbj-span1 zxbj-span left">快速报价</span>
                <span class="zxbj-span2 zxbj-span left">免费量房</span>
                <span class="zxbj-span3 zxbj-span left">精准报价</span>
            </div>
            <div class="zxbj-con zxbj-conn" id="i1">
                <p class="zxbj-con-p">累计已有
                    <font>3892</font>人获得报价</p>
                <form class="zxbj-form" id="wdzlform" action="" method="POST" novalidate="novalidate">
                    <select class="zxbj-form-select left zxbj-form-border left" name="did" aria-invalid="false">
                        <option value="1" selected>北京</option>
                        <option value="2">东城区</option>
                        <option value="3">西城区</option>
                        <option value="4">朝阳区</option>
                        <option value="5">丰台区</option>
                        <option value="6">石景山区</option>
                        <option value="7">海淀区</option>
                        <option value="8">门头沟区</option>
                        <option value="9">房山区</option>
                        <option value="10">通州区</option>
                        <option value="11">顺义区</option>
                        <option value="12">昌平区</option>
                        <option value="13">大兴区</option>
                        <option value="14">怀柔区</option>
                        <option value="15">平谷区</option>
                        <option value="16">密云县</option>
                        <option value="17">延庆县</option>
                    </select>
                    <input type="number" class="right zxbj-form-border zxbj-form-input" name="acreage" id="acreage" placeholder="建筑面积,请输入数字">
                    <input type="text" class="right zxbj-form-border zxbj-form-input1" name="username" id="name" placeholder="您的称呼">
                    <input type="tel" class="left zxbj-form-border zxbj-form-input1" name="telphone" id="phone" maxlength="11" placeholder="您的手机号">
                    <p class="zxbj-con-p1 left" style="display:none">
                        <font>*提交成功</font>报价结果会以短信的形式发送至您的手机，方便您随时查阅！</p>
                    <input type="button" class="left zxbj-form-border zxbj-form-button" id="votesubmit" value="点击获取装修报价">
                </form>
            </div>

            <div class="zxbj-con">
                <img src="/static/bjzs/images/zxbj-15.jpg" width="100%">
                <p class="zxbj-con-p2 zxbj-con-p5 zxbj-con-pp">鸿锦装饰：专注品质定制家装</p>
            </div>
            <div class="zxbj-con">
                <img src="/static/bjzs/images/zxbj-14.jpg" width="100%">
                <div class="zxbj-wz zxbj-wz1">
                    <span>整居全包</span>
                    <span>实测面积计价</span>
                    <span>全屋定制家具</span>
                </div>
            </div>
            <div class="zxbj-con">
                <img src="/static/bjzs/images/zxbj-15.jpg" width="100%">
                <p class="zxbj-con-p2 zxbj-con-p5 zxbj-con-pp">在鸿锦装修：不用担心用料受限</p>
            </div>
            <div class="zxbj-con">
                <img src="/static/bjzs/images/zxbj-16.jpg" width="100%">
                <div class="zxbj-wz zxbj-wz1 zxbj-wz2">
                    <span>地板/地砖</span>
                    <span>木门/墙漆</span>
                    <span>厨柜/吊顶</span>
                </div>
            </div>
            <div class="zxbj-con">
                <img src="/static/bjzs/images/zxbj-17.jpg" width="100%">
                <div class="zxbj-wz zxbj-wz1">
                    <span>包卫浴</span>
                    <span>包软装</span>
                    <span>包家具</span>
                </div>
            </div>
            <div class="zxbj-con">
                <img src="/static/bjzs/images/zxbj-15.jpg" width="100%">
                <p class="zxbj-con-p2 zxbj-con-p5 zxbj-con-pp">在鸿锦装修：不用担心品质实力</p>
            </div>
            <div class="zxbj-con">
                <img src="/static/bjzs/images/zxbj-19.jpg" width="100%">
                <div class="zxbj-wz zxbj-wz3">
                    <span class="zxbj-wz-span1">多人设计团队</span>
                    <span class="zxbj-wz-span2">多家品牌供应商</span>
                    <span class="zxbj-wz-span3">千万家庭共同选择</span>
                </div>
            </div>
            <div class="zxbj-con">
                <img src="/static/bjzs/images/zxbj-15.jpg" width="100%">
                <p class="zxbj-con-p2 zxbj-con-p5 zxbj-con-pp">在鸿锦装修：不用担心售后保障</p>
            </div>
            <div class="zxbj-con">
                <img src="/static/bjzs/images/zxbj-21.jpg" width="100%">
                <div class="zxbj-wz zxbj-wz3">
                    <span class="zxbj-wz-span7">延期赔付</span>
                    <span class="zxbj-wz-span5">环保服务</span>
                    <span class="zxbj-wz-span6">质保5年</span>
                </div>
            </div>
            <p class="zxbj-form-p4">
                <a href="#i1">
                    <input type="button" class="left zxbj-form-border zxbj-form-button " style="margin-top:4%" value="点击获取装修报价">
                </a>
            </p>
        </section>

        <div class="scm-zt-foot">Copyright @ 鸿锦嘉艺装饰
            <br>具体产品细则以最终合同为准</div>

    </div>
    <footer>
        <a href="tel:400-0588-286" class="fl phonelinkm">
            <span>
                <img src="/static/bjzs/images/index-08.png">电话咨询</span>
        </a>
        <a href="#i1" class="fr">
            <span>
                <img src="/static/bjzs/images/index-09.png">装修报价</span>
        </a>
    </footer>

    <script>
        $("#votesubmit").click(function () {
            var phone = $.trim($("#phone").val());
            var mobile = /^1[3|4|5|8|7][0-9]\d{8}$/;
            if (phone.length != 11 || !mobile.test(phone)) {
                alert("请输入正确的电话号码！");
                return false;
            }
            if ($("#acreage").val() == "") {
                alert("请填写建筑面积");
                return false;
            }
            if ($("#name").val() == "") {
                alert("请填写您的称呼");
                return false;
            }
            data = $("#wdzlform").serialize();
            console.log(data);
            $.ajax({
                debug:true,
                type: 'post',
                url: window.location.href,
                data: $("#wdzlform").serialize(),
                cache: false,
                dataType: 'json',
                success: function (data) {
                    if (data.code == 2) {
                        $('#wdzlform')[0].reset();
                        $(".zxbj-con-p1").show();
                    } else {
                        alert("提交失败，请稍后重试");
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert('提交失败');
                },
                complete: function () {

                }
            });
        })
    </script>